<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>【锤子商城】坚果手机 - 坚果R1</title>
		
		
		<!--  ❤  Logo   ❤ -->
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="bookmark" href="favicon.ico" />
		
		<!--  ❤  Css   ❤ -->
		<link rel="stylesheet" href="css/Global.css">
		<link rel="stylesheet" href="css/floor.css">
		<link rel="stylesheet" href="css/menu.css">
		<link rel="stylesheet" href="css/nav.css" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/slide.css">
		<link rel="stylesheet" type="text/css" href="css/To.css"/>
		
		
		
		<!--  ❤  Js   ❤ -->
		<script src="js/jquery-1.9.1.min.js"></script>
		<script src="js/slide.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dropdown.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/ToJpg.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/ToCost.js" type="text/javascript" charset="utf-8"></script>
		
		
	</head>
	
	<body>
		
		
		<!-- ❤ 顶栏  ❤-->
		<div id="Frame">
		
			<ul class="floor">
				<div class="logo">
					<a href="index.html"><img src="img/logo.png"></a>
				</div>
				<li><a href="index.html"><span>在线商城</span></a></li>
				<li><a href="R1.html"><span>坚果&nbsp;Pro2S</span></a></li>
				<li><a href="R1.html"><span>坚果&nbsp;R1</span></a></li>
				<li><a href="R1.html"><span>坚果&nbsp;TNT&nbsp;工作站</span></a></li>
				<li><a href="#"><span>Smartisan&nbsp;OS</span></a></li>
				<li><a href="#"><span>欢喜云</span></a></li>
				<li><a href="#"><span>应用</span></a></li>
				<li><a href="#"><span>论坛</span></a></li>
				<li><a href="#"><span>荣誉与奖项</span></a></li>
				<li><a href="#"><span>资讯</span></a></li>
				<div class="user">
					<a href="login.html">
						<img src="img/user.png">
					</a>
				</div>
				<div class="cart">
					<a href="R1.html">
						<img src="img/cart.png">
					</a>
				</div>
			</ul>
		
		</div>
		
		
		
		<!-- ❤ 导航栏  ❤-->
		<div class="pho">
			<nav class="sum">
				<ul class="content clearfix">
					<li><a href="index.html">首页</a></li>
					<li class="dropdown">
						<a href="R1.html">手机</a>
						<ul class="sub-menu">
							<li>
								<a href="R1.html">
									<img src="img/R1.png" alt="坚果R1" title="坚果R1" width="300px">
								</a>
							</li>
							<li>
								<a href="R1.html">
									<img src="img/坚果3.png" alt="坚果3" title="坚果3" width="300px">
								</a>
							</li>
							<li>
								<a href="R1.html">
									<img src="img/pro2S.png" alt="坚果pro2S" title="坚果Pro2S" width="300px">
								</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#">"足迹"系列</a>
						<ul class="sub-menu" id="zu">
							<li>
								<a href="#"><img src="img/足迹.png" title="足迹系列" width="800px"></a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#">官方配件</a>
						<ul class="sub-menu" id="tool">
							<li>
								<a href="#"><img src="img/tool.png" width="900px"></a>
							</li>
						</ul>
					</li>
					<li><a href="#">服饰箱包</a></li>
					<li class="dropdown">
						<a href="#">服务</a>
						<ul class="sub-menu" id="survice">
							<br>
							<li><a href="DJ.html">服务政策</a></li><br>
							<li><a href="DJ.html">在线客服</a></li><br>
							<li><a href="DJ.html">发起售后</a></li><br>
						</ul>
					</li>
				</ul>
			</nav>
		</div>
		
		
		<!-- ❤ 分栏  ❤-->
		
		<div class="there">
		<a href="#" class="a11">概览</a>
		<a href="#" class="a12">设计</a>
		<a href="#" class="a13">功能</a>
		<a href="#" class="a14">操作系统</a>
		<a href="#" class="a15">技术规格</a>
		</div>
		
		
		
		<!-- ❤ 商品  ❤-->
		<div class="shop">
			<a href="#" >
				<img src="img/R12.png" class="imgg" id="bbb">
			</a>
		</div>
		
		<!-- ❤ 右侧属性  ❤-->
		<div class="right1">
			<h1>坚果R1</h3>
			
			<p class="mini">次世代旗舰手机，内藏来自未来的“电脑”</p>
			<hr class="hr1">
			
		<div class="but">
			<font class="fa">颜色选择</font>
			<button type="button" class="but1" onclick="changeImg1();"></button><font class="faa">炭黑色</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<button type="button" class="but2" onclick="changeImg2();"></button><font class="faa">纯白色</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<button type="button" class="but3" onclick="changeImg3();"></button><font class="faa">蓝色</font>
		</div>	
			
		<div class="but">
			<font class="SD">容量选择</font>
			<button type="button" class="but4" onclick="changeCost1()">6G+64G</button>
			<button type="button" class="but5" onclick="changeCost2()">6G+128G</button>
			<button type="button" class="but6" onclick="changeCost3()">8G+512G</button>
			<button type="button" class="but7" onclick="changeCost4()">16G+1T</button>
			<button type="button" class="but8" onclick="changeCost5()">8G+128G</button>
		</div>	
		
		<hr class="hr2">
		
		<div class="mini2">服务说明: 满 99 元包邮</div>
		
		
		</div>
		
		
		
		
		<!-- ❤ 详细信息栏  ❤-->
		
		<div class="mes">
			<h2 class="jishu">技术规格</h2>
			<hr class="hr3">
			<h3 class="rongliang">容量和内存</h3>
			<img class="rongImg" src="img/TIM图片20191126142233.png" >
			
			<h3 class="jishen">机身尺寸和重量</h3>
			<img class="jisImg" src="img/TIM图片20191126143213.png" alt="">
		</div>
		
		
		
		
		
		
		
		
		<!-- ❤ 底测信息栏  ❤-->
		
		<div class="buttom">
			<div class="fo1">
				您已选择了 
			</div>
			<div class="fo2">
				坚果 R1 
			</div>
			<div class="fo3" id="price">
				¥ 3,299.00
			</div>
			
			 <p class="fo4" id="Model">	碳黑色（细红线版） | 6G + 128GB</p>
			 
			 <div class="fo5" id="price1">
			¥ 3,299.00
			 </div>
			 <a href=#> <button type="button" class="but9">到货通知</button></a>
			
		</div>
		
		
		
		
		
	</body>
</html>

